<template>
        <div class="list">
            <div class="list-item1">
                <div class="l">
                    <p>{{v.title}}</p>
                    <span>共点击量</span>
                    <div class="my">{{v.id}}人报名</div>
                </div>
                <div class="r">
                    <img src="@/assets/images/grade_yellow.png" alt="" class="money">
                    <span>0.00</span>
                </div>
            </div>
        </div>
</template>

<script>
export default {
    props: ['v']
}
</script>

<style lang="scss" scoped>
.list{
    width: 100vw;
}
.list-item1 {
            background-color: #fff;
            line-height: 30px;
            display: flex;
            margin-bottom: 10px;
            justify-content: space-between;
            align-items: center;
    
            .l {
                p {
                    font-size: 16px;
                }
    
                span,
                .my {
                    font-size: 12px;
                    color: #999;
                }
            }
    
            .r {
                font-size: 12px;
                color: orange;
            }
        }
</style>
